<template>
  <div style="color:#888;width:99%;margin:0 auto;border:1px solid #eee;padding:10px 30px;">
    <h1><span>{{datailData.name}}</span>&nbsp;&nbsp;&nbsp;
      <el-tag v-show="!datailData.alarms==2" type="danger" size="small">{{datailData.alarms===0?'':'警报'}}</el-tag>
    </h1>
    <p style="width:50%">
        <span class="fontClass"> 创建时间：  {{datailData.create_time!==null?datailData.create_time:'暂无'}}</span>
    </p>
    <p style="width:50%">
        <span style="width:250px;"> 当前状态： {{datailData.status===1?'正常':'禁用'}}</span>
        <span class="fontClass">   生效时间： {{datailData.update_time!==null?datailData.update_time:'暂无'}}</span>
    </p>
  </div>
</template>
<script>
import { getEquipDetail } from '@/api/table'
export default {
  data() {
    return {
      datailData: {
      }
    }
  },
  created() {
    getEquipDetail(this.$route.query.id).then((res) => {
      this.datailData = res.content
    })
  }
}
</script>
<style scoped>
.fontClass{
    margin-left: 130px;
    float: right;
    text-align: left;
    width: 300px;
}
</style>
